.operation {
  text-align: right;
  padding-right: 30px;
}

.interaction-threshold {
  position: relative;
  width: 144px;
  display: inline-block;
  top: 12px;
  left: 10px;
  margin-left: 16px;
}

.tip-for-threshold {
  padding-left: 152px;
  position: relative;
  top: 11px;
  left: 14px;
}

.icon-tip {
  color: rgba(255, 255, 255, 0.2);
  font-size: 14px;
  cursor: pointer;
  margin-left: 5px;

  &:hover {
    color: rgba(255, 255, 255, 0.6);
  }
}

.fetcher-container {
  margin: auto 30px;
}

.w19 {
  width: 11.11111%;
  box-sizing: border-box;
}

.w18 {
  width: 12.5%;
  box-sizing: border-box;
}

.w17 {
  width: 14.28571%;
  box-sizing: border-box;
}

.w16 {
  width: 16.66666%;
  box-sizing: border-box;
}

.w15 {
  width: 20%;
  box-sizing: border-box;
}

.w14 {
  width: 25%;
  box-sizing: border-box;
}

.w13 {
  width: 33.3%;
  box-sizing: border-box;
}

.table tr:last-child td {
  border-top: 1px solid rgba(51, 51, 51, 0.35);
  border-bottom: 1px solid rgba(51, 51, 51, 0.35);
}

.react-paginator {
  float: right;
}

.pagination {
  margin: 10px auto auto;
}

.pagination > .disabled > span, .pagination > .disabled > a {
  color: #aaa;
}

.pagination > li > a, .pagination > li > span {
  color: #ddd;
}

.pagination > li:not(.active) > a:hover, .pagination > li:not(.active) > span:hover, .pagination > li:not(.active) > a:focus, .pagination > li:not(.active) > span:focus {
  color: #ddd;
  background-color: rgba(51, 51, 51, 0.2);
}

.card-title.sub {
  border: none;
  margin-bottom: auto;
}

.content-container {
  margin: auto auto 30px;
}

.form-group li {
  margin-bottom: auto;

  .control-label {
    display: inline-block;
    margin-right: 15px;
  }
}

.react-tagsinput {
  margin-left: 115px;
  margin-top: 5px;
}

.tags-input-box .control-label {
  top: 10px;
}

.no-pages {
  margin-bottom: 30px;
}

.icon-tip {
  color: hsla(0,0%,100%,.2);
  font-size: 14px;
  cursor: pointer;
  margin-left: 5px;

  &:hover {
    color: hsla(0,0%,100%,.6);
  }
}

.mtb10 {
  margin: 10px auto;
}
